<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                template="layout/template.xhtml">

<ui:define name="body">

    <h:messages styleClass="message"/>

    <h:form id="login">

        <rich:panel>
            <f:facet name="header">Login</f:facet>

            <p>Please login here</p>

            <div class="dialog">
                <h:panelGrid columns="2" rowClasses="prop" columnClasses="name,value">
                    <h:outputLabel for="username">Username</h:outputLabel>
                    <h:inputText id="username"
                              value="#{identity.username}"/>
                    <h:outputLabel for="password">Password</h:outputLabel>
                    <h:inputSecret id="password"
                                value="#{identity.password}"/>
                    <h:outputLabel  for="verifyCaptcha">CAPTCHA</h:outputLabel>

                    <h:graphicImage value="/seam/resource/captcha"/>
                    <h:outputLabel  for="verifyCaptcha">Your Response</h:outputLabel>
					<h:inputText id="verifyCaptcha" value="#{captcha.response}" required="true">
						<s:validate />
					</h:inputText>
					
                    <h:outputLabel for="rememberMe">Remember me</h:outputLabel>
                    <h:selectBooleanCheckbox id="rememberMe"
                                          value="#{identity.rememberMe}"/>
                </h:panelGrid>
            </div>

            <p>
              <i>Note - </i> Please use demo/password to log in the first time.  After logging in you may then
              use the User Manager link to manage user accounts.
            </p>

        </rich:panel>

        <div class="actionButtons">
            <h:commandButton value="Login" action="#{identity.login}"/>
            <s:link value="注册" view="/register.xhtml"/>
        </div>

    </h:form>

 </ui:define>
</ui:composition>
